import styles from './index.scss'
import ReactSVG from 'react-svg'
import LongButton from '../LongButton'
// import Upload from '../Upload'
// <Upload {...loadData}></Upload>

const recordVideo = ({buttonData}) => {
  return (
    <div className={styles.recordContainer}>
      <div className={styles.recordHeader}>
        <ReactSVG src="svg/head/back.svg" svgClassName={styles.back} />
        <div className={styles.peopleWait}>
          录制视频时,用普通话朗读以下文字
        </div>
        <div className={styles.bigTitle}>本人自愿办理此项业务</div>
        <div className={styles.imageSize} />
      </div>
      <div className={styles.recordTip}>
        <div className={styles.tipSize}>
          <ReactSVG src='svg/record/camera.svg' svgClassName={styles.svgSize}></ReactSVG>
          <span className={styles.fontStyle}>录制视频时请
            <span style={{'color': 'orange'}}>切换前置摄像头</span>
          </span>
        </div>
        <div className={styles.tipSize}>
          <ReactSVG src='svg/record/head.svg' svgClassName={styles.svgSize}></ReactSVG>
          <span className={styles.fontStyle}>
            录制视频过程中,请保持头像居中
          </span>
        </div>
        <div className={styles.tipSize}>
        <ReactSVG src='svg/record/wifi.svg' svgClassName={styles.svgSize}></ReactSVG>
          <span className={styles.fontStyle}>
            建议使用WIFI录制视频并上传,土豪请忽略
          </span>
        </div>
      </div>
      <div className={styles.buttonContainer}>
        <LongButton {...buttonData}></LongButton>
      </div>
    </div>
  )
}

export default recordVideo
